<template>
  <header>
    <div>
      <van-icon name="search" />
      <input type="text" placeholder="点击搜索商品信息" />
    </div>
  </header>
</template>

<script setup>
const props = defineProps({
  name: {
    type: String,
    default: "444",
  },
});
console.log(props.name);
</script>

<style lang="less">
header {
  width: 100%;
  height: 48px;
  background-color: #fff;
  border-bottom: 0.5px solid #f5f5f5;
  font-size: 17px;
  div {
    width: 100%;
    background-color: #f5f5f5;
    padding: 5px;
    border-radius: 20px;
    .van-icon {
      margin: 0 10px;
      font-size: 19px;
    }
    input {
      border: 0;
      outline: none;
      flex: 1;
      background-color: #f5f5f5;
    }
  }
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
</style>
